<div class="ui-widget ui-widget-content ui-corner-all" >
	<div class="ui-tabs-nav ui-widget-header">
    	<span class="ui-dialog-title" id="ui-dialog-title-dialog">&nbsp;&nbsp;&nbsp;Categorias</span>
    </div>
    
    <form action="#" method="post" name="form">
    <table cellpadding="0" cellspacing="0" width="100%" >
        <tr>
            <td valign="middle" height="20">
            </td>
        </tr>
    
        <tr>
            <td align="center">
            <label for="busca">Caracteristica:</label>
            <input type="text" name="busca"  size="50" title="Pesquise pelo nome da categoria" class="text ui-widget-content ui-corner-all" />
            <input type="button" value="Pesquisar" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onClick="pesquisar_categorias();">
            </td>
        </tr>
        
        <tr>
        <td align="center" valign="middle" height="8">
        </td>
        </tr>
    </table>
</form>
    

<br />

<div align="center">
<input type="button" value="Inserir Novo" onClick="novo_categorias();" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
<input type="button" value="Editar" onClick="editar_categorias();" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
<input type="button" value="Excluir" onClick="excluir_categorias();" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
</div>
<br />

<div id="lista" style="overflow:auto; height:280px; width:100%; border: 0px; background: #FFF;" >

<form action="#" method="post" name="form2">

<table cellpadding="0" cellspacing="0" width="100%" >
	<tr class="ui-tabs-nav ui-widget-header">
		<td width="3%" height="30"></td>
		<td width="10%" align="center" valign="middle">
        	<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">
        	<b>C&oacute;digo</b>
        	</font>
        </td>
        <td width="73%" valign="middle" align="left">
        	&nbsp;
       		<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">
        		<b>Categoria</b>
        	</font>
        </td>
        <td width="14%" align="center" valign="middle">
            <font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">
            	<b>Ativo</b>
            </font>
        </td>
</tr>

<!-- START BLOCK : LOOP -->
<tr style="background-color:{cor};" onMouseOver="javascript:this.style.backgroundColor='#dce3e9'" onMouseOut="javascript:this.style.backgroundColor='{cor}'">
	<td valign="middle" height="30">
    <center>
    <input type="checkbox" id="ck{cont}" name="ck{cont}" value="{par_id}" />
    </center>
    </td>
	<td>
    <font color="#000000" size="2" face="Arial, Helvetica, sans-serif">
	<center>{id}</center>
    </font>
	</td>
	<td align="left">
    <font color="#000000" size="2" face="Arial, Helvetica, sans-serif">
    &nbsp; {nome}
    </font>
    </td>
	<td align="center" >
    <font color="#000000" size="2" face="Arial, Helvetica, sans-serif">
    {ativo}
    </font>
    </td> 
</tr>
<!-- END BLOCK : LOOP -->
<tr class="ui-tabs-nav ui-widget-header">
	<td colspan="4">&nbsp;</td>
</tr>
<tr >
	<td colspan="4">
    <br />
    <center> 
    {pag}
    </center>
    </td>
</tr>
</table>
</form>
</div>